Ext.onReady(function() {
	// 使用表单提示
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'side';
	// 定义窗体
	new Ext.Window({
		layout : 'fit', // 自适应布局
		title:'钢瓶管理登录系统',
		width:460,
		height:210,
		plain: true,
		modal:true,
		autoShow : true,
		resizable : false,
		draggable : false,
		maximizable : false,// 禁止最大化
		closable : false,// 禁止关闭,
		items : [ {
			id:'formPanel',
			xtype : 'form',
			layout:'form',
			defaults : {
				labelWidth : 75,
				labelAlign:'right',
				xtype:'textfield'
			},
			items : [ {
				fieldLabel : '用户名',
				name : 'name',// 元素名称
				allowBlank : false,// 不允许为空
				value : "admin",
				blankText : '用户名不能为空'// 错误提示内容
			}, {
				inputType : 'password',
				fieldLabel : '密　码',
				maxLength : 10,
				anchor:'95%',//也可用此定义自适应宽度  
				name : 'password',
				allowBlank : false,
				value : "12345",
				blankText : '密码不能为空'
			} ],
			buttonAlign : 'center',
			buttons: [{
				text : '登录',
				iconCls: 'ok',
				handler : save
			}, {
				text : '重置',
				iconCls: 'reset',
				handler : function() {
					this.up().up().form.reset();
				}
			}],
			keys : [ {
				key : Ext.EventObject.ENTER,
				fn : save,
				scope : this
			} ]
		} ]
	});
});

// 定义表单
function save() {
	// 验证合法后使用加载进度条
	var simple = Ext.getCmp('formPanel');
	if (simple.form.isValid()) {
		simple.form.submit({
			waitMsg : '正在进行登陆验证,请稍后...',
			url : 'login/checkUser',
			method : 'POST',
			success : function(form, action) {
				if (action.result.success) {
					window.location.href = "index.html";
				}
			},
			failure : function(form, action) {
				Ext.Msg.alert('错误提示', action.result.msg);
				simple.form.reset();
			}
		});
	}
}